<template>
	<div>
    <div class="lists-top">
      <search :searchInfo="searchInfo" @search="searchFn"></search>
    </div>
    <div class="lists-wrapper">
      <lists-con></lists-con>
    </div>
  </div>
</template>

<script>
  import Search from '@/components/Search/index'
  import listsCon from './components/listsCon/index'
  import Vue from 'vue'
  export default Vue.extend({
    name: 'index',
    components: {
      Search,
      listsCon
    },
    data() {
      return {
        searchInfo: {
          placeholder: '收件人信息/订单编号/商品名称'
        }
      }
    },
    methods: {
      // 点击搜索
      searchFn(keyword) {
        this.$Bus.$emit('keywordEvent', { keyword: keyword })
      }
    },
    created() {
    }
  })
</script>

<style lang="scss">
.lists-top{
  position:fixed;
  top:0;
  left:0;
  z-index:3;
  width:100%;
}
.lists-wrapper{
  padding-top:208px;
}
</style>